<div id="divPrincipal">
	<div id="divConteudo">
			<div class="divCaixaVerde">
				<div class="divCaixaVerdeTitulo">
					<h2>
						Editar Grupos
					</h2>
				</div>
				<div class="divCaixaVerdeConteudo">
					<p>
						Arraste os alunos para alterar os grupos
					</p>
				</div>
			</div>
		<a class="aFakeBotao" href="{$linkEditar}">Editar Grupos</a>
		
		{if $listaGrupos|@count > 0 || $alunosSemGrupo|@count}
			<form action="" method="post" class="formListasGrupos">
				{if $listaGrupos|@count > 0}
					{foreach from=$listaGrupos item='grupo' key=k}
						<fieldset name="grupos[{$grupo->idGrupo}]" value="{$grupo->idGrupo}">
							<legend>
								{$grupo->nome}
							</legend>
							<h2 class="tituloSecaoListaParticipantes">
									{$grupo->nome}
							</h2>
							<table class="tabelaParticipantes" id="tabelaAlunos{$k}">
								<thead>
									<tr>
										<th class="thFotoParticipantes">
											<span class="oculto">{constructoretexto exibir=DADOS_FOTO}</span>
										</th>
										<th>
											{constructoretexto exibir=DADOS_NOME}
										</th>
										<th class="thDataInscricao">
											{constructoretexto exibir=DADOS_DATA_DE_INSCRICAO}
										</th>
										<th class="thDataInscricao">
											{constructoretexto exibir=DADOS_DATA_ULTIMO_ACESSO}
										</th>
									</tr>
								</thead>
								<tbody {if $grupo->alunos|@count == 0}class="vazio"{/if}>
									{foreach from=$grupo->alunos item='aluno'}
										<tr>
											<td class="thFotoParticipantes">
												<img class="imgTable1" src="{$aluno.foto}" {$usuario.dimensoesFoto} alt="{$ALT_FOTO_USUARIO}" title="{$aluno.titleFoto}" />
											</td>
											<td>
												<input type="hidden" name="grupos[{$grupo->idGrupo}][]" value="{$aluno.idUsuario}" />
												{$aluno.nome}
											</td>
											<td class="thDataInscricao">
												{$aluno.dataInscricaoCurso}
											</td>
											<td class="thDataInscricao">
												{$aluno.ultimoAcesso}
											</td>
										</tr>
									{/foreach}
									<tr class="trGrupoVazio">
										<td></td>
										<td>
											Grupo Vazio
										</td>
										<td></td>
										<td></td>
									</tr>
								</tbody>
							</table>
						</fieldset>
					{/foreach}
				{/if}
				{if $alunosSemGrupo|@count > 0}
					<fieldset name="alunosSem">
						<legend>Alunos sem grupo</legend>
						<h2 class="tituloSecaoListaParticipantes">
								Alunos sem grupo
						</h2>
						<table class="tabelaParticipantes" id="tabelaAlunosSemGrupo">
							<thead>
								<tr>
									<th class="thFotoParticipantes">
										<span class="oculto">{constructoretexto exibir=DADOS_FOTO}</span>
									</th>
									<th>
										{constructoretexto exibir=DADOS_NOME}
									</th>
									<th class="thDataInscricao">
										{constructoretexto exibir=DADOS_DATA_DE_INSCRICAO}
									</th>
									<th class="thDataInscricao">
										{constructoretexto exibir=DADOS_DATA_ULTIMO_ACESSO}
									</th>
								</tr>
							</thead>
							<tbody>
								{foreach from=$alunosSemGrupo item='aluno'}
									<tr>
										<td class="thFotoParticipantes">
											<img class="imgTable1" src="{$aluno.foto}" {$usuario.dimensoesFoto} alt="{$ALT_FOTO_USUARIO}" title="{$aluno.titleFoto}" />
										</td>
										<td>
											<input type="hidden" name="semGrupo[]" value="{$aluno.idUsuario}">
											{$aluno.nome}
										</td>
										<td class="thDataInscricao">
											{$aluno.dataInscricaoCurso}
										</td>
										<td class="thDataInscricao">
											{$aluno.ultimoAcesso}
										</td>
									</tr>
								{/foreach}
							</tbody>
						</table>
					</fieldset>
				{/if}
				<input type="submit" name="btnSepararGrupos" value="Salvar Alterações" class="botaoForm1" id="enviar"/>
				<a class="aFakeBotao" href="{$linkCancelar}">{constructoretexto exibir=TEXTO_BOTAO_CANCELAR}</a>
			</form>
		{/if}
	</div>
</div>
<script type='text/javascript' src='/constructore/js/editarGrupos.js'></script>